<template>
  <div class="lunbo">
    <div class="lunbo-box">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="(item,index) in pro" :key="index">
          <img :src="item.adFocusPictureDetail.cover" alt="" @click='getCover(item.adFocusPictureDetail.cover)'>
        </van-swipe-item>
        <!-- <van-swipe-item><img src="http://fdfs.xmcdn.com/storages/7761-audiofreehighqps/7A/52/GKwRIasGHKLLAAEpUgEzWh_M.jpg" alt=""></van-swipe-item>
  <van-swipe-item>2</van-swipe-item>
  <van-swipe-item>3</van-swipe-item> -->
        
      </van-swipe>

      
    </div>
  </div>
</template>

<script>
export default {
  name: "lunbo",
  data() {
    return {
    }
  },
  props: {
      pro: []
    },
    methods:{
      getCover(cover){
        console.log(cover);
      }
    }
};
</script>

<style lang="less" scoped>
  .my-swipe .van-swipe-item {
    // color: #fff;
    font-size: 20px;
    // line-height: 100px;
    text-align: center;
    // background-color: red;
    border-radius: 10px ;
    img{
       width: 365px;
      height: 100px;
      border-radius: 10px;
      background-size: cover;
    }
  }
  .lunbo-box{
      padding: 0 5px;
      margin-top: 10px;
      
  }
</style>